<!DOCTYPE html>
<html>
<head>
	<title>国际摄影展示作品</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">

	<link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/vendor.css">
    <link rel="stylesheet" type="text/css" href="fonts/icomoon/icomoon.css">
    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body class="bg-black light">

	<div class="preloader">
	<svg>
	  <g>
	    <path d="M 50,100 A 1,1 0 0 1 50,0"/>
	  </g>
	  <g>
	    <path d="M 50,75 A 1,1 0 0 0 50,-25"/>
	  </g>
	  <defs>
	    <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
	      <stop offset="0%" style="stop-color:#FF56A1;stop-opacity:1" />
	      <stop offset="100%" style="stop-color:#FF9350;stop-opacity:1" />
	    </linearGradient>
	  </defs>
	</svg>
</div>

<div class="nav nav-overlay">
	<div class="nav__content">
		<ul class="nav__list">
			<li class="nav__list-item active-nav"><a href="index.html" class="hover-target">首页</a></li>
			<li class="nav__list-item"><a href="portfolio.html" class="hover-target">作品</a></li>
			<li class="nav__list-item"><a href="styles.html" class="hover-target">风格</a></li>
			<li class="nav__list-item"><a href="blog.html" class="hover-target">博客</a></li>
			<li class="nav__list-item"><a href="single-post.html" class="hover-target">评论</a></li>
			<li class="nav__list-item"><a href="contact.html" class="hover-target">联系</a></li>
		</ul>
	</div>
</div>

	<header id="header" class="light">
		<div id="header-wrap">
			<nav id="navbar">
				<div class="main-logo">
					<a href="index.html">摄影</a>
				</div>
				<div class="action-menu">
				  <input id="menu-toggle" type="checkbox" />
					<label class="menu-btn" for="menu-toggle">
					<span></span>
				   </label>
				</div><!--action-menu-->
			</nav>
		</div><!--header-wrap-->
	</header>

	<section class="hero-section">
	
		<div class="hero-content padding-large">
			<div class="container">
				<div class="row">
					<div class="col-md-12">			
						<h1 class="page-title">作品</h1>
						<div class="breadcrumbs">
							<span class="item"><a href="index.html">首页 /</a></span>
							<span class="item">作品</span>
						</div>
					</div>
				</div>
			</div>
		</div>

	</section>

	<div id="main-wrapper">

		<section class="portfolio-wrap fancyboxeffect light padding-medium">
		
			
				<div class="d-flex flex-wrap col-md-12">
			<div class="portfolio-container">
					<div>
						<a class="image-link" rel="gallery" href="images/largemodel1.jpg">
							<img src="images/model1.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model26.jpg">
							<img src="images/model26.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model24.jpg">
							<img src="images/model24.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model21.jpg">
							<img src="images/model21.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/banner.jpg">
							<img src="images/banner.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model25.jpg">
							<img src="images/model25.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model36.jpg">
							<img src="images/model36.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model35.jpg">
							<img src="images/model35.jpg" alt="model" class="galleryImg">
						</a>
					</div>

					<div>
						<a class="image-link" href="images/largemodel2.jpg">
							<img src="images/model2.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/largemodel3.jpg">
							<img src="images/model3.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model40.jpg">
							<img src="images/model40.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model31.jpg">
							<img src="images/model31.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model30.jpg">
							<img src="images/model30.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model33.jpg">
							<img src="images/model33.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model38.jpg">
							<img src="images/model38.jpg" alt="model" class="galleryImg">
						</a>
					</div>

					<div>
						<a class="image-link" href="images/model34.jpg">
							<img src="images/model34.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model39.jpg">
							<img src="images/model39.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/model32.jpg">
							<img src="images/model32.jpg" alt="model" class="galleryImg">
						</a>
					</div>

					<div>
						<a class="image-link" href="images/fashion-photographer.jpg">
							<img src="images/fashion-photographer.jpg" alt="model" class="galleryImg">
						</a>
					</div>
					<div>
						<a class="image-link" href="images/largemodel5.jpg">
							<img src="images/model5.jpg" alt="model" class="galleryImg">
						</a>
					</div>

			</div>
				</div><!--col-md-12-->
			
			<div class="pix_btn btn-click text-center">
				<a href="#" class="btn btn-pill btn-large btn-outline-light mr-3"><span>加载更多</span> 
				<i class="icon icon-arrow-thin-right"></i></a>
			</div>

		</section>

		<footer id="footer" class="bg-black light padding-xlarge" style="background-image: url(images/photography.jpg);background-position: right;background-repeat: no-repeat;">
			
			<div class="container">
				<div class="row">
				
					<div class="contact-information mt-4 d-flex">
				
				<div class="contact-detail col-md-6">
					
					<div class="detail mr-6 mb-4">
						<ul class="list-unstyled colored-grey text-large">
							<li>中国 陕西省 汉中市</li>
							<li>+86 18391636123 / +1 561-334-0580</li>
							<!-- <li><a href="mailto:info@yourcompany.com" class="colored">info@yourcompany.com</a></li> -->
							<li>© 2024 摄影 版权所有</li>
							<!-- <li><a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></li> -->
						</ul>
					</div><!--detail-->
					
				</div><!--contact-detail-->

				<div class="col-md-6 p-0">
					<div class="container">
						<div class="row">
							<h3>快速联系</h2>
							<form action="contact.php" class="contact-form d-flex flex-wrap mt-4">
								<input type="text" name="用户名" placeholder="用户名" class="name mb-3" required>
								<input type="text" name="邮箱/手机号码" placeholder="邮箱/手机号码" class="mb-3" required>
								<textarea placeholder="内容" style="height: 150px;" required></textarea>
								
								<div class="pix_btn btn-click text-center mt-5">
									<button type="submit" href="#" class="btn btn-pill btn-large btn-outline-light mr-3" data-hover="click"><span>发送消息</span> 
									<i class="icon icon-paper-plane"></i></button>
								</div>
							</form>
						</div>
					</div>
				</div>	<!--col-md-6-->		

			</div><!--contact-information-->
				</div>
			</div>
		</footer>
		
	</div><!---main-wrapper--->

<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/script.js"></script>

</body>
</html>